<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


<jsp:include page="header_login.jsp"/>
		<div id="content">
		
			<div id="left_column">
				<div align="center">
					<img src="/footprint/getSnapshot.do?isprofile=1" id="profile_pix"/>
					<h3 style="color:#726257;"><c:out value="${sessionScope.user.userlname}"/></h3>
				</div>
				
				<div id="menu">
					<a href="/friend">friend</a>				
					<a href="/travelogue">travelogue</a>
					<a href="javascript:showAlbum();">snapshot</a>
					<a href="/settting">setting</a>
				</div>
				
			
			</div>
			<div id="right_column">
				<div id="status">
					<form action="/footprint/updateStatus.do" method="get" style="display:block;">
					<c:if test="${!empty status}">
					<div align="left">
					  <h3 style="color:#726257;"><c:out value="${sessionScope.user.userlname} is doing: ${status}"/></h3>
					</div>		
					</c:if>
						<input type="text" class="text_field" name="status"
						style="width:300px; height: 40px; color:#00BFF3; font: bold 18px arial; border: 3px solid #00BFF3;" 
						value="What are you doing"
						onfocus="if (this.value == 'Email') { this.value = ''; this.style.color = '#00BFF3';this.style.border-color='#C6CCD3';}"
						onblur="if (this.value == '') { this.value = 'Email'; this.style.color = ''; }"
						/>			
						<input class="submit" type="submit" value="submit"/>					
					</form>
				</div>
				<div id="friend" class="inactive">
				</div>
				<div id="travelogue" class="inactive">
				</div>
				<div id="snapshot" class="active">
					
				</div>
				<div id="setting" class="inactive">
				</div>
			</div>
			<div class="clr"></div>
		</div>
<jsp:include page="footer.jsp"/>